草庐IT

php - HMVC 和 HTML 组件化

全部标签

javascript - Angular 2-再次单击routerLink时重新加载组件

我正在处理具有以下文件结构的Angular2项目。HeaderComponent.tsAppComponent.tsPage1Component.tsPage2Component.ts我的HeaderComponent.ts中有以下模板WebSiteNameHomePage1Page2在我的AppComponent中使用以下路由@Component({selector:'my-app',template:``,directives:[ROUTER_DIRECTIVES,HeaderComponent]})@Routes([{path:'/',component:HomeComponen

javascript - 在 React 组件的渲染函数中使用变量

我正在学习React并且遇到一个疑问,有两段代码在不同的地方声明了组件中render方法使用的变量,我的疑问是为什么一个有效而另一个不有效。importReactfrom'react';importReactDOMfrom'reactDOM';constmyVar='hello';classmyComponentextendsReact.Component{render(){return{myVar};}}ReactDOM(,document.getElementById('app'));这有效,意味着我可以在渲染方法中访问全局变量。但以这种情况为例,这是行不通的importReact

javascript - 如何禁用 vue 组件中的链接?

我的html是这样的:add我的javascript是这样的:varvue=newVue({el:'#app',methods:{add(event){event.target.disabled=true}}});演示和完整代码如下:https://jsfiddle.net/q7xcbuxd/221/我就是这样尝试的。但是如果我点击添加按钮,它不会被禁用我该如何解决这个问题? 最佳答案 由于您使用的是boostrap,禁用(anchor)按钮的正确方法不是设置.disabled=true,而是添加disabled类。另外两个注意事项

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat

javascript - 是否有类似于 HTML Tidy for Javascript 的 Windows 实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想清理一些javascript文件并用漂亮的缩进等重新格式化它们,是否有实用程序在Windows下执行此操作的建议?

javascript - javascript 和 HTML 是不可能分开的吗?

具体来说,我说的是避免这种类型的代码:在这里,我想将onfocus和onkeypress事件句柄分开放置,即放在.js文件中。像这样:$(document).ready(function(){$(".title").focus(updateCharsLeft);$(".title").keypress(updateCharsLeft););但是这里的问题是文本框的ID需要传递给函数updateCharsLeft()。在该函数中必须从文本框的ID中提取ID会很糟糕,所以实际上将事件处理程序放入HTML代码中会更清晰。想法? 最佳答案

javascript - 使用 Javascript 将嵌套的 JSON 转换为 HTML 嵌套列表

我对使用JSON(相对于XML)还很陌生,目前我纯粹使用Javascript来消化、解析和显示我返回的JSON数据。我正在使用JSON2.js库并取回一些表示相当简单的嵌套列表的有效JSON数据:{"node":{"class":"folder","title":"TestFramework","node":{"class":"folder","title":"Item1","node":{"class":"folder","title":"Item1.1","node":{"class":"file","title":"Item1.1.a"}},"node":{"class":"fo

javascript - 一次更改或交换多个 HTML 元素的 CSS

我有大约100个,100和100我文档中的标签。我需要在JavaScript中实现以下操作:将背景所有foos更改为红色,所有条形更改为绿色,所有bazes更改为蓝色。将背景所有foos更改为绿色,所有条形更改为蓝色,所有bazes更改为红色。将背景所有foos更改为蓝色,所有条形更改为红色,所有bazes更改为绿色。我将总共调用这些操作大约1000次,因此我想避免使用附加的解决方案标记到每次做手术。有什么比遍历所有更简单、更快或更好的方法吗?带有document.getElementsByTagName('span')的元素,并更改或附加到.className每个元素的DOM属性?

javascript - 当焦点在 HTML 表单上丢失时如何重新聚焦到文本字段?

HTML表单上只有一个文本字段。用户输入一些文本,按Enter键,提交表单,然后重新加载表单。主要用途是条码读取。我使用以下代码将焦点设置到文本字段:它大部分时间都有效(如果没有人触摸屏幕/鼠标/键盘)。但是,当用户单击浏览器窗口中字段外的某处(空白区域)时,光标会消失。一个单字段HTML表单,如何防止光标丢失?或者,如何在光标丢失后将光标重新聚焦在字段内?谢谢! 最佳答案 Darin的回答是正确的,但在Firefox中不起作用。如果你也想在Firefox中窃取焦点,你必须将它延迟到事件之后:或者,更好的是,从JavaScript分

javascript - HTML5视频高度和宽度通过javascript

我正在尝试使用简单的javascript从视频中获取并打印出宽度和高度属性,但由于某些原因我无法管理。这是javascriptvideo=document.getElementsByTagName("video")[1];span1=document.getElementById("dimensions");span1.innerHTML=video.videoWidth+"x"+video.videoHeight;这是它影响的html5代码(这是html结构中的第二个视频标签)Dimensions:非常感谢,我是初学者,所以请多多关照。 最佳答案